<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="utf-8">
    <title>{% block page_title %} {% endblock %}</title>
    <!-- Le styles -->
    <link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
        body { padding-top: 0px; padding-bottom: 40px; }
    </style>
    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/static/ico/favicon.ico">
    {% block extra_head %} {% endblock %}
<body>

<div class="navbar">
    <div class="navbar-inner">
        <div class="container" style="width: auto;">
            <a class="brand" href="/admin/">{{ _("Admin Portal") }}</a>
            <div class="nav-collapse">
                <ul class="nav nav-pills">
                    <li><a href="/admin/photos">{{ _("Photos") }}</a></li>
                    <li><a href="/admin/settings">{{ _("Settings") }}</a></li>
                </ul>
                <ul class="nav pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="langs">
                            <i class="icon-globe"></i>Lang<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            {% for lang in langs %}
                              <li><a href="/locale?value={{ lang.locale }}">{{ lang.description}}</a></li>
                            {% endfor %}
                        </ul>
                    </li>
                    <li class="divider-vertical"></li>
                    <li><a href="/">{{ _("Home") }}</a></li>
                </ul>

            </div><!-- /.nav-collapse -->
        </div>
    </div><!-- /navbar-inner -->
</div>


<div class="container">
    <div class="row">
        <div class="span12">
{% block admin_content %} {% endblock %}
        </div>
    </div>        
</div> <!-- /container -->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/static/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
{% block extra_js_block %}{% endblock %}

</body>
</html>